.hex-corner {
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: inherit;                                
            z-index:-2;                        
            overflow:hidden;        
            backface-visibility: hidden;            
        } 

.hex-corner-before {
            width: 173px;
            height:    173px;
         content: '';
         position: absolute;
         background: inherit;
         top:0;
         left: 0;
         z-index: 1;
         background: inherit;
         background-repeat:no-repeat;
            backface-visibility: hidden;  
        } 


.hex {
        width:150px;
        height:86px;
        background-color: #ccc;
        background-repeat: no-repeat;
        background-position: 50% 50%;            
        background-size: auto 173px;                            
        position: relative;
        float:left;
        margin:25px 5px;
        text-align:center;
        zoom:1;

		 a {
            display:block;
            width: 100%;
            height:100%;
            text-indent:-9999em;
            position:absolute;
            top:0;
            left:0;
        } 
		

		.corner-1 {
			.hex-corner;
            z-index:-1;
            -webkit-transform: rotate(60deg);
        }
		.corner-2 {
			.hex-corner;
            -webkit-transform: rotate(-60deg);
        }
		.corner-1:before {
			.hex-corner-before;
            -webkit-transform: rotate(-60deg) translate(-87px, 0px);    
        -webkit-transform-origin: 0 0;
        }            
        
        .corner-2:before {
			.hex-corner-before;
            -webkit-transform: rotate(60deg) translate(-48px, -11px);    
            bottom:0;
        }     

		&.hex-gap {
        margin-left: 86px;
    }

    }
            
 
       
        
              
        
        /* Custom styles*/
        .hex .inner {        
            color:#eee;
        }
        
        .hex h4 {
            font-family: 'Josefin Sans', sans-serif;        
            margin:0;            
        }
        
        .hex hr {
            border:0;
            border-top:1px solid #eee;
            width:60%;
            margin:15px auto;
        }
        
        .hex p {
            font-size:16px;
            font-family: 'Kotta One', serif;
            width:80%;
            margin:0 auto;
        }
        .hex.hex-1 {
            background: #74cddb;
        }
        
        .hex.hex-2 {
            background: #f5c53c;
        }
        
        .hex.hex-3 {
            background: #80b971;
        }



